<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<title>OUAT</title>
<link rel="stylesheet"
	href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" />



<!-- jQuery and jQuery Mobile -->
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script
	src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
</head>
<body>
	<div data-role="page">
		<c:import url="../common/header.jsp" />
		<div data-role="content" class="ui-content" role="main">
				<form action="search.do" method="post">
					<input placeholder="Filter items..." name="search" data-type="search" class="ui-input-text ui-body-c"> 
				</form>
				<ul data-role="listview"  data-inset="true" class="ui-listview ui-listview-inset ui-corner-all ui-shadow">
					<c:forEach items="${storyList }" var="story">
					<li data-corners="false" data-shadow="false" data-iconshadow="true"
						data-wrapperels="div" data-icon="arrow-r" data-iconpos="right"
						data-theme="c">
							<a href="detail.do?contents_id=${story.contents_id }" class="ui-link-inherit">
								<h3 class="ui-li-heading">${story.title }</h3>
								<p class="ui-li-desc">올린이 : ${story.owner_nick }</p>
								<span class="ui-li-count ui-btn-up-c ui-btn-corner-all">${story.view_count }</span> 
							</a>
					</li>
					</c:forEach>
				</ul>
		</div>
		<c:import url="../common/footer.jsp" />
	</div>
</body>
</html>
